Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

161
Visualizações
react-router: la ubicación "/" no coincidió con ninguna ruta

este es mi codigo

 import React from 'react'; import { Router, Route, IndexRoute, hashHistory } from 'react-router'; import Home from './components/Home'; import ArtistMain from './components/artists/ArtistMain'; const componentRoutes = { component: Home, path: "/", indexRoute: { component: ArtistMain }, childRoutes: [ { path: "artists/new", getComponent(location, cb) { System.import('./components/artists/ArtistCreate') .then(module => cb(null, module.default)); } }, { path: "artists/:id", getComponent(location, cb) { System.import('./components/artists/ArtistDetail') .then(module => cb(null, module.default)); } }, { path: "artists/:id/edit", getComponent(location, cb) { System.import('./components/artists/ArtistEdit') .then(module => cb(null, module.default)); } } ] }; const Routes = () => { return ( <Router history={hashHistory} router={componentRoutes} /> ); }; export default Routes;

Al ejecutar en el navegador, obtuve una página en blanco y el siguiente ejemplo en la consola de JavaScript:

 Warning: [react-router] Location "/" did not match any routes

Estas son mis dependencias:

 "dependencies": { "faker": "^3.1.0", "lodash": "^4.17.2", "react": "^15.4.1", "react-dom": "^15.4.1", "react-input-range": "^0.9.2", "react-redux": "^4.4.6", "react-router": "^3.0.0", "redux": "^3.6.0", "redux-form": "^6.3.2", "redux-thunk": "^2.1.0" },

Por qué no es una pregunta duplicada: porque otra pregunta SO se resolvió migrando a react-router v3, y ya estoy en esta versión, o importando IndexRoute en lugar de indexroute o similar, pero no tengo este error tipográfico en mi código; Además, no tengo problema en reemplazar hashHistory browserhistory ya lo estoy usando; Además, el 99% de la pregunta SO sobre este tema usa sintaxis declarativa, mientras que estoy usando js.

over 4 years ago · Santiago Trujillo
1 Respostas
Responde à pergunta

0

Bastante seguro de que esto se debe a que el atributo del router debe ser routes :

 const Routes = () => { return ( <Router history={hashHistory} routes={componentRoutes} /> ); };
over 4 years ago · Santiago Trujillo Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda